<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="description" content="It is experimental,open source desktop-like web application." />
	<meta name="keywords" content="" />
	<meta name="author" content="James Xie" />
	<meta name="google-site-verification" content="" />
	<title>Welcome</title>

 <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAAuqJW0mgltvWJDwDFdw4xxRuX0Q_oJU6ui3z7BtObiD_A-YXBRSj7dH5CG3IJLjyiQ8yJK9AEz94ug" type="text/javascript"></script>
  <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>

	<link rel="stylesheet" href="css/loading.css" />
	<link rel="stylesheet" href="css/general.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="images/skins/cm_default/style.css" media="screen" />
	<link rel="stylesheet" href="window-themes/dbh/dbh.css" media="screen" />
	
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

	<script type="text/javascript" src="js/flexify.min.js"></script>
	<script type='text/javascript' src='js/ensure.min.js'></script>
	<script type='text/javascript' src='js/loadscripts.js'></script>	

</head>
<body>	
	<div id="wallpaper">		
		
		<div id="loadingcontainer">
		</div>		
		
		<div id="medusa" onclick="AnimateMedusa(this, 50, 100, 2800, 200, 150, 30, false);" style="position: absolute; top: 400px; left: 800px; width: 320px; height: 337px; z-index: 20;">
			<img id="medusaimg" src="images/wallpapers/themedusa.png" width="320" height="337" />
		</div>
		<div id="fireflower1" style="position: absolute; bottom: 0px; left: 0px; z-index: 21; background: url(images/wallpapers/fireflower1.png) no-repeat; width: 700px; height: 518px">
		</div>
		<div id="fireflower2" style="position: absolute; bottom: 0px; right: 0px; z-index: 21; background: url(images/wallpapers/fireflower2.png) no-repeat; width: 600px; height: 353px">
		</div>
		<div id="grass" style="position: absolute; bottom: 0px; left: 40%; width: 600px; height: 716px; background: url(images/wallpapers/grass.png) no-repeat; z-index: 19;">
		</div>

		
		<div id="main">	
			<div id="bckgexperiments" style="position: absolute;width: 100%; height: 100%; overflow: hidden;display: none;">
			</div>		
			<ul id="widgetscontainer">
		<!--
				<li>					
					<div id="wdgfindonweb" onmouseover="this.style.borderColor='#fff'" onmouseout="this.style.borderColor='transparent'" style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px;width: 205px;margin-left:7px; background: url(images/graytrans.png); border: solid 2px transparent;padding: 5px 5px 0px 5px; text-align: center; position: relative;">
						<div style="text-shadow:0 0 0.2em #111111, 0 0 0.2em #111111, 0 0 0.2em #111111;color:#FF9600;font-size:14px;font-family:Arial,Verdana,Helvetica;font-weight: bold; margin-bottom: 4px;">Search the web&nbsp;<i>!</i></div>
						<div style="height: 30px;"><input type="text" style="float: left;width:125px;padding: 0px 4px 0px 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;border:0pt none; height: 22px;background-color: #fff;" /><button type="button" id="wdgwebsearch" style="position: absolute; left: 140px;top:21px;" onclick="alert('Not implemented yet')"><span><span>Search</span></span></button></div>
					</div>
				</li> 
							-->

			</ul>
					
			<div onclick="StartUConst()" id="galleryIcon" class=" handle" title="Checkout my artwork" rel="62,22">			
				<div class="img"></div>
				<div class="name">Gallery</div>			
			</div>
			<div id="blogIcon" class="icon handle" title="Open my blog" onclick="StartBlog()" rel="158,22">

				<div class="img"></div>
				<div class="name">Blog</div>
			</div>
			<div id="aboutIcon" class="icon handle" onclick="StartAbout()" title="About this site and its owner" rel="254,22">
				<div class="img"></div>
				<div class="name">About</div>
			</div>
			<div id="settingsIcon" class="icon handle" onclick="SetUpDesktop();" title="Change interface, themes, wallpapers..." rel="350,22">

				<div class="img"></div>
				<div class="name">Settings</div>
			</div>
			<div id="calcIcon" class="icon handle" onclick="StartCalculator()" title="Ummmm... calculator..." rel="454,22">
				<div class="img"></div>
				<div class="name">Calculator</div>
			</div>	
			<div id="experimentsIcon" class=" handle" title="Experiments..." onclick="StartUConst()" rel="62,126">

				<div class="img"></div>
				<div class="name">Experiments</div>
			</div>
			<div id="contacIcon" class="icon handle" title="You can contact me here" onclick="StartContact()" rel="558,22">
				<div class="img"></div>
				<div class="name">Contact me</div>
			</div>
			<div id="gamesIcon" class="icon handle" title="Have some fun!" onclick="StartGames()" rel="158,126">

				<div class="img"></div>
				<div class="name">Games</div>
			</div>
			<div id="commentsIcon" class="icon handle" onclick="StartComments()" title="You can leave your comment about this website here" rel="254,126">
				<div class="img"></div>
				<div class="name">Comments (Shoutbox)</div>
			</div>
			<div id="linksIcon" onclick="StartLinks()" style="display:none;" class=" handle" title="Websites you should visit" rel="350,126">

				<div class="img"></div>
				<div class="name">Cool links</div>
			</div>		
			<div id="clockwdgIcon" onclick="StartCoolClock()" class="icon handle" title="Clock widget" rel="454,126">
				<div class="widgetlauncher"></div>
				<div class="img"></div>
				<div class="name">Cool clock widget</div>				
			</div>	
			<div id="eyeswdgIcon" onclick="StartEyesWidget()" class="icon handle" title="Eyes widget" rel="558,126">

				<div class="widgetlauncher"></div>
				<div class="img"></div>
				<div class="name">Eyes widget</div>
			</div>

			<div id="atlasIcon" onclick="StartMaps()" class="icon handle" title="Atlas" rel="158,230">
				<div class="img"></div>
				<div class="name">Atlas</div>
			</div>
			<div id="atlasIcon" onclick="StartBaiduMap()" class="icon handle" title="Atlas" rel="158,230">
				<div class="img"></div>
				<div class="name">Baidu Map</div>
			</div>
			<div id="bmarkIcon" onclick="StartBookmark()" style="display:none;" class=" handle" title="Bookmark and share" rel="254,230">
				<div class="img"></div>
				<div class="name">Bookmark</div>

			</div>
			<div id="watcherIcon" onclick="StartXeyes()" style="display:none;" class=" handle" title="I'm watching you ..." rel="350,230">
				<div class="img"></div>
				<div class="name">The watcher</div>
			</div>
			
			<div id='navcontainer'>			
				<div id="navigation">
			        <div class="title" onclick="StartUConst()">
			        	<div><span>JS/jQuery</span></div>

			        	<img alt="" title="" src="images/expcateg/jquery.png" width="80" height="80" />
					</div>
			        <div class="title" onclick="StartUConst()">
			        	<div><span>Flash/Flex</span></div>
						<img alt="" title="" src="images/expcateg/flexflash.png" width="80" height="80" />	
					</div>
			        <div class="title" onclick="StartHxPhysics1()">
			        	<div><span>haXe</span></div>

						<img alt=""  src="images/expcateg/logo_haxe.png" width="80" height="80" />
					</div>
			        <div class="title" onclick="StartUConst()">
			        	<div><span>Silverlight</span></div>
						<img alt="" title="" src="images/expcateg/silverlight.png" width="80" height="80" />
					</div>
			        <div class="title" onclick="StartUConst()">
			        	<div><span>Unity3D</span></div>

						<img alt="" title="" src="images/expcateg/unity3d.png" width="80" height="80" />
					</div>
			        <div class="title" onclick="StartCSVBexp()">
			        	<div><span>C#/VB.NET</span></div>
						<img alt="" title="" src="images/expcateg/csharpvbnet.png" width="80" height="80" />	
					</div>
			        <div class="title" onclick="StartUConst()">
			        	<div><span>Other ...</span></div>

						<img alt="" title="" src="images/user.png" width="80" height="80" />
					</div>	
					
				</div>
			</div>	
			
			
			<!--div id="guishSpecials">
				<div class="go3d" title="This effect is in VERY experimental phase !!!<br/>It is based on jQuery Roundabout plugin,<br />and it is VERY CPU hungry ;)">Go 3D <i>!</i></div>
				<div class="go2d">Go 2D <i>!</i></div>
				<div class="threeDoption" rel="lazySusan,false">Lazy Susan</div>

				<div class="threeDoption" rel="theJuggler,false">The Juggler</div>
				<div class="threeDoption" rel="figure8,false">Figure 8</div>
				<div class="threeDoption" rel="waterWheel,false">Water Wheel</div>
				<div class="threeDoption" rel="square,false">Square</div>
				<div class="threeDoption" rel="conveyorBeltLeft,true">Conveyor Belt Left</div>
				<div class="threeDoption" rel="conveyorBeltRight,true">Conveyor Belt Right</div>

				<div class="threeDoption" rel="goodbyeCruelWorld,true">Goodbye Cruel World</div>
				<div class="threeDoption" rel="diagonalRingLeft,false">Diagonal Ring Left</div>
				<div class="threeDoption" rel="diagonalRingRight,false">Diagonal Ring Right</div>
				<div class="threeDoption" rel="rollerCoaster,false">Roller Coaster</div>
				<div class="threeDoption" rel="tearDrop,true">Tear Drop</div>
			</div>

			<div id="error3D">
				<div>This effect requires three or more active windows!</div>
			</div-->
					
		</div><!-- end main -->		
		
	</div><!-- end wallpaper -->
	
	
	
	<div id="startmenu">
		<div class="starttop">
			<img alt="" title="" src="images/user.png" width="32" height="32" /><div class="welcome">Welcome, guest</div>

		</div>
		<div class="startmiddle">
			<div class="startcontent">
				<div class="leftside">
					<a href="#" class="active" title="" onclick="$('.rscontainer').animate({left: 0},'fast');" ><img alt="" title="Play some 'REAL' games" src="jWindows/game_pad.png" />Games</a>
					<a href="#" title="" onclick="$('.rscontainer').animate({left: -200},'fast');"><img alt="" title="Widgets" src="icons/Tango/48/mimetypes/executable.png" />Widgets</a>
					<a href="#" title="" onclick="$('.rscontainer').animate({left: -400},'fast');"><img alt="" title="Calculator" src="jWindows/calculatoricon.png" />Calculator</a>

					<a href="#" title="" onclick="$('.rscontainer').animate({left: -600},'fast');"><img alt="" title="Web browser" src="jWindows/globe.png" />Internet apps</a>
				    <a href="#" title="" onclick="$('.rscontainer').animate({left: -800},'fast');"><img alt="" title="Experiments" src="icons/custom/science.png" />Experiments</a>
					<a href="#" title="" onclick="$('.rscontainer').animate({left: -1000},'fast');"><img alt="" title="My account" src="jWindows/account.png" />Edit account</a>
					<a href="#" title="" onclick="$('.rscontainer').animate({left: -1200},'fast');"><img alt="" title="Help" src="jWindows/help.png" />What is this?</a>
				</div>
				<div class="rightside">	
					<div class="rscontainer">

						<div class="smgames">			
							<a href="#" title="" onclick="StartManicMiner()">Manic Miner</a>
							<a href="#" title="" onclick="StartTetris()">Tetris</a>
							<a href="#" title="" onclick="StartSnake()">Snake</a>
							<a href="#" title="" onclick="StartGames()">Puzzle</a>
						</div>	
						<div class="smsqlapps">			
							<a href="#" title="" onclick="StartWeatherWidget()">Weather</a>

							<a href="#" title="" onclick="StartEyesWidget()">Xeyes</a>
							<a href="#" title="" onclick="StartCoolClock()">Cool clock</a>
						</div>
						<div class="smcalculator">			
							<a href="#" title="" onclick="StartCalculator()">Calculator</a>
							<a href="#" title="" onclick="StartSciCalculator()">Scientific calculator</a>						
						</div>
						<div class="smbrowsing">			
							<a href="#" title="" onclick="StartWebBrowser()" >Web raider</a>

							<a href="#" title="" onclick="StartMaps()">Atlas</a>
							<!--a href="#" title="" onclick="StartBookmark()">Bookmark</a-->
						</div>
						<div class="smsettings">			
							<a href="#" title="" onclick="StartUConst()">jQuery/JS/HTML</a>
							<a href="#" title="" onclick="StartUConst()">ActionScript</a>
							<a href="#" title="" onclick="StartUConst()">haXe</a>

							<a href="#" title="" onclick="StartUConst()">Silverlight</a>
							<a href="#" title="" onclick="StartUConst()">Unity3D</a>
							<a href="#" title="" onclick="SStartUConst()">C# / VB.NET</a>
							<a href="#" title="" onclick="StartUConst()">Other ...</a>
						</div>
						<div class="smsettings">			
							<a href="#" title="" onclick="StartUConst()">Change password</a>

						</div>
						<div class="smsettings">			
							<a href="#" title="">About you</a>
						</div>
					</div>	
				</div>

				<div class="bigwhite">	
					<img title="Log out" alt="" width="48" height="48" style="float: right;" src="jWindows/power_black.png" />				
				</div>
			</div>

		</div>
		<div class="startbottom"></div> 
	</div> 

    <ul id="menu_1" class="jeegoocontext cm_default">
        <li class="iconmini">
			<span class="iconmini align"></span>
            Align desktop icons
            <ul>
                <li class="iconmini" id="align_right"><span class="iconmini alignright"></span>to the right</li>
                <li class="iconmini" id="align_left"><span class="iconmini alignleft"></span>to the left</li>

            </ul>
        </li>

        <li class="iconmini">
        	<span class="iconmini fontset"></span>
            Setup icon fonts
            <ul>
                <li class="iconmini" id="style_italic"><span class="iconmini fontitalic"></span>Italic</li>
                <li class="iconmini" id="style_normal"><span class="iconmini fontnormal"></span>Normal</li>

				<li class="iconmini" id="style_color"><span class="iconmini fontcolor"></span>Color</li>
				<li id="style_type">
					Type
					<ul>
						<li id="style_arial">Arial</li>
						<li id="style_verdana">Verdana</li>
						<li id="style_courier">Courier new</li>

						<li id="style_tahoma">Tahoma</li>
					</ul>
				</li>
            </ul>
        </li>
		<li class="iconmini">
			<span class="iconmini winshadow"></span>
			Windows shadow
			<ul>

				<li class="iconmini" id="wshaddowon" title="CPU hungry!"><span class="iconmini winshadowon"></span>On</li>
				<li class="iconmini" id="wshaddowoff"><span class="iconmini winshadowoff"></span>Off</li>
			</ul>
		</li>
        <li id="system_settings" class="iconmini">
        	<span class="iconmini settings"></span>
            Properties
        </li>

		<li id="show_desktop" class="iconmini" onclick="ShowDesktop()">
			<span class="iconmini desktop"></span>
			Show desktop
		</li>
    </ul>	
	
	<div id="lamp" style="width: 4000px; height: 4000px; position: absolute; left: -1500px; top: -1500px; cursor: none; display: none">
		<div style="width: 100%; height: 1900px; clear: both; background-color: #000"></div>
		<div style="width: 1900px;height: 200px; float: left; background-color: #000">
			</div><div id="lampcenter" style="background: url(images/wallpapers/lamp.png); width: 200px; height: 200px;float: left"></div>
		<div style="width: 1900px;height: 200px; float: left; background-color: #000"></div>

		<div style="width: 100%; height: 1900px; clear: both; background-color: #000"></div>
	</div>
	<div id="scrpass" class="glass" style="width: 195px; height: 100px; left: 40%; top: 40%; display: none" >
		<div class="top">
			<div class="topl"></div>
			<div class="topc">
				<div class="wintitle" style="color: #000">
					<img alt="" title="" src="css/images/key_16.png" height="16" width="16"/><div style="color: #fff">Enter password</div>

				</div>
				<div class="topr">
				</div>
			</div>
		</div>
		<div class="middle">
			<div class="content">
				<div class="container">					
					<div style="width: 100%; height: 100%;">

					<input style="width: 130px; text-align: center; font-weight: bold; font-family: Verdana; font-size: 11pt; border: 1px solid #aaa; margin-left: 32px; margin-top: 10px" type="text" id="pass" /><br /><br />
					<input style="width: 80px; margin-left: 58px" type="button" value="Confirm" onclick="if($('#pass').val() == 'guish'){$('#lamp').stop();$('#errmsg').html('');$('#pass').val('');$('#scrpass').css({display: 'none'});$('#lamp').css({display: 'none'});$(this).html('Put the lights out');}else{$('#errmsg').html('Nope!');}" /><br />
					<br /><div id="errmsg" style="margin: auto; width: 50px; text-align: center"></div>
				</div>  
			</div>			
		</div>
		<div class="bottom">
			<div class="bottomc">
				<div class="bottomr">
				</div>

			</div>
		</div>				
	</div>
	</div>	
	
	<div id="topbar">
			<!--<div id="clock">00:00:00</div>		-->
			<div id="start" onclick="$('#startmenu').toggle();"></div>
			<div class="leftpane">
				<img onclick="ShowDesktop()" alt="" src="jWindows/22x22/places/user-desktop.png" width="22" height="22" title="Show desktop" />
				<img id="tbwebsearch" onclick="StartWebBrowser()" alt="" src="jWindows/22x22/apps/internet-web-browser.png" width="22" height="22" title="Web browser" />

				<img onclick="StartCalculator()" alt="" src="jWindows/22x22/apps/accessories-calculator.png" width="22" height="22" title="Calculator" />
				<img onclick="SetUpDesktop()" alt="" src="jWindows/22x22/categories/preferences-system.png" width="22" height="22" title="Settings" />
				<img onclick="StartWYSIWYG()" alt="" src="jWindows/22x22/mimetypes/x-office-document.png" width="22" height="22" title="Fractal word" />
				<img onclick="StartUConst()" alt="" src="icons/Tango/22/categories/science.png" title="Experiments" />
				<img onclick="StartAbout()" title="About" alt="" src="jWindows/22x22/apps/help-browser.png" width="22" height="22" />
			</div>
			<div id="topbarcont" style="position: relative;float: left;overflow: auto; height: 100%; padding-top: 4px"><ul id="tcontainer"></ul></div>			
	</div>
	
	
	
	
	<div id='loadingZone'><div class='welcomemsg'></div><div class='fblogo' title=''></div><div id='loadingSms'>LOADING -</div><div id='infoLoading'></div><div id='infoProgress'>0%</div><br class='clear' /><div id='loadingBar'><div id='progressBar'>&nbsp;</div></div></div>	
</body>
</html>